<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	<style type="text/css">
			#d1{
				width: 600px;
				height: 600px;
				background-color: aquamarine;
			}
		</style>
	</head>
	<body>
		<h1>a页面</h1> 
		<div id="d1">
		<button type="button" onclick="myforword()">前进</button>
		<button type="button" onclick="myback()">后退</button>
		<button type="button" onclick="shuaxin()">刷新</button>
		<button type="button" onclick="gob()">前往b页面</button>
		</div>
		
	</body>
		<script type="text/javascript">
			function myforword(){
				history.forward();
			}
			function myback() {
				history.back();
			}
			function shauxin(){
				history.reload()
			}
			function gob(){
			location.href='b.html';
			}
		</script>
</html>
